<template>
	<div class="but">
		<div>
			<img src="../../public/img/bot/eleme0.png" alt="">
			<p>外卖</p>
		</div>
		<div>
			<img src="../../public/img/bot/shousuo0.png" alt="">
			<p>搜索</p>
		</div>
		<div>
			<img src="../../public/img/bot/dingdan0.png" alt="">
			<p>订单</p>
		</div>
		<div>
			<img src="../../public/img/bot/wo0.png" alt="">
			<p>我的</p>
		</div>
	</div>
</template>

<script>
	export default{
		
	}
</script>

<style scoped>
	.but{
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		height: 45px;
		background-color: #fff;
	}
	.but div{
		width: 25%;
		float: left;
		text-align: center;
	}
	.but div img{
		width: 30%;
	}
	.but div p{
		margin: 0;
		font-size: 12px;
		color: #666666;
	}
</style>
